陳述式 Statement

JS 的語句類型，用於命令執行指定的一系列操作，最大的特徵則是不會回傳結果。

例如：

• block
• 變數宣告 var, let, const
• if...else 判斷
• 函式
• for 迴圈

簡單來說就單純陳述一個過程或是動作，但不會取得其值。

block

就是大括號 { } 的區塊，可分成以下 block，

一般陳述式，這樣寫是正確的，需要搭配函式使用。

{
  var name = "提姆";
}

物件實字，一種 JS 存取物件的方式。

{
name:'提姆',
}

所以可以給予一個變數來儲存這個物件實字，就變成一般常見的物件。

let obj = {
  name: "提姆",
};

變數宣告

單純宣告變數，但不給予其值。

var name; //undefinded

if...else

給予判斷。

if(1===1){
...
}

函式

建立函式，這只有建立，不會執行。另外函式又分成兩種，具名函式與匿名函式。下方這個函式為具名函式。

具名函式(又稱: 函式陳述式)

function funName(){
...
}

匿名函式 (函式表達式)

先宣告一個變數，其後方函式賦於其值到前面的變數。

var funName = function (){
...
}

這兩種的提升 hoisting 也不同。

表達式 Expression

又稱為表示式或運算式，經常透過一些符號結合上下語句，去運算及回傳結果，又分成兩種類型：

1. 運算式是任何一段可以取得一個值的程式碼。例: x = 7
2. 任何合乎語法的運算式都能取得一個值，概念上，有兩種不同型態的運算式:有副作用的 (例如: 將一個值指定給一個變數) 以及只為了取得值而解析的運算式。例： 3 + 4

JavaScript 運算式有下列種類:

• 算術: 解析出數字， 例如 3.14159. (通常使用 算術運算子.)
• 字串: 解析出字串， 例如 "Fred" or "234"。 (通常使用 字串運算子.)
• 邏輯: 解析出 True 或 False (通常與 邏輯運算子 相關。)
• 主流運算式: JavaScript 基本的關鍵字及運算式。
• 左側運算式: 左側是指定值的對象。

return 回傳

函式 function 搭配 return 是一個常用且好用的小技巧。
透過 return 回傳值的屬性，可以運算其的內容，如下方範例:

function add(n1, n2) {
  return n1 + n2;
}
console.log(add(1, 2)); //3

假如說今天有商品或是後台計算方式不同時，只要把相對的方法建立好，再把參數帶回其中，就可以得到想要的結果：

function count(price) {
	return price * 0.8; // 商品價格要打八折時
}


function addtax(price) { // 當商品要開立發票時
	return price * 1.05;
}


console.log(count(500)); // 500 * 0.8 = 400
console.log(addtax(1000)); // 1000* 1.05 = 1050
return

是幫助資料回傳的一個語法，讓 function 中的語法除了更簡潔外，也更可以提高程式碼閱讀性!